<!DOCTYPE html>
<html style="overflow: hidden;">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,user-scalable=no">
        <title>宝匠</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script type="text/javascript">
        (function (doc, win) {
        var docEl = doc.documentElement,
        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
        recalc = function () {
        var clientWidth = docEl.clientWidth;
        if (!clientWidth) return;
        // if (clientWidth < 640) {
        docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
        //};
        };
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
        </script>
    </head>
    <body style="overflow: hidden;">
        <aside class="myBj">
            <header>
                <div class="head-img">
                    <span class="my-img"><img src="http://gtms03.alicdn.com/tps/i3/TB1UUtoHFXXXXbnXpXX7whd.pXX-90-100.jpg"></span>
                    <p>angelababy <a class="signIn" href="">签到</a></p>
                </div>
                <ul class="padding-list">
                    <li>
                        <a href="follow.html">
                            <p id="waite4PaymentSum">233</p>
                            <p>关注</p>
                        </a>
                    </li>
                    <li>
                        <a href="fans.html">
                            <p id="waitDeliveryOrderListSum">688</p>
                            <p>粉丝</p>
                        </a>
                    </li>
                    <li>
                        <a href="Per-center.html">
                            <p id="infoCount">03</p>
                            <p>作品</p>
                        </a>
                    </li>
                </ul>
            </header>
            <div style="padding-bottom: 0.5rem;">
                <ul class="menu-list">
                    <li>
                        <a href="index.html">
                            <img src="images/menu-list-li1.png" alt="">
                            <span>宝匠首页</span>
                        </a>
                    </li>
                    <li>
                        <a href="class.html">
                            <img src="images/menu-list-li2.png" alt="">
                            <span>珠宝课堂</span>
                        </a>
                    </li>
                    <li>
                        <a href="custom.html">
                            <img src="images/menu-list-li3.png" alt="">
                            <span>专属定制</span>
                        </a>
                    </li>
                    <li>
                        <a href="my-bj.html">
                            <img src="images/menu-list-li4.png" alt="">
                            <span>我的宝匠</span>
                        </a>
                    </li>
                    <li>
                        <a href="cart.html">
                            <img src="images/menu-list-li5.png" alt="">
                            <span>心愿袋</span>
                        </a>
                    </li>
                    <li>
                        <a href="show-design.html">
                            <img src="images/menu-list-li6.png" alt="">
                            <span>设计画廊</span>
                        </a>
                    </li>
                </ul>
                <div style="text-align:center;"><a class="set" href=""><img src="images/set.png">设置</a></div>
            </div>
        </aside>
        <div id="page_index" class="page-index grid-640">
            <header class="grid-640 header fn-clear">
                <a href="search.php" class="a-left search"></a>
                <h1><img style="width:1.6rem;" src="images/logo.png"></h1>
          <a href="user.php?act=login" class="a-right massage"></a>          </header>
            <section class="grid-640 handover">
                <div class="scroll">
                    <div class="scroll_box" id="scroll_img">
                        <ul id="js_content_box" class="scroll_wrap">
                            <li>
                                <a href=""><img alt="宝匠" src="images/bannner.jpg"></a>
                            </li>
                            <li>
                                <a href=""><img alt="宝匠" src="images/bannner.jpg"></a>
                            </li>
                            <li>
                                <a href=""><img alt="宝匠" src="images/bannner.jpg"></a>
                            </li>
                            <li>
                                <a href=""><img alt="宝匠" src="images/bannner.jpg"></a>
                            </li>
                        </ul>
                    </div>
                    <ul class="scroll_position" id='scroll_position'>
                        <li class="on"></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </section>
            <section class="grid-640 content">
                <div class="nav clearfix">
                    <ul class="nav-list clearfix">
                        <li class="on">珠宝订制</li>
                        <li class="">皮具订制</li>
                    </ul>
                    <span class="nav-side"></span>
                </div>
                <div class="pro">
                    <ul class="pro-list clearfix">
						
						<!--  显示的商品 -->
						
						{if $hot_num > 0}
						
						  {foreach from=$hot_goods item=hot_data}
							 
							  <li class="pro-item">
									<a class="pro-img" href="goods.php?id={$hot_data.id}"><img src="images/img.jpg"></a>
									<div class="clearfix pro-detail">
										<a class="pro-like pro-like-in" href="goods.php?id={$hot_data.id}"><em></em></a>
										<a class="pro-title" href="goods.php?id={$hot_data.id}">{$hot_data.name}</a>
										<span class="pro-price"><em class="rmb">￥</em>{$hot_data.shop_price}</span>
									</div>
								</li>
							  
						  {/foreach}
						  
						{/if}
						
						<!--
                        <li class="pro-item">
                            <a class="pro-img" href=""><img src="images/img.jpg"></a>
                            <div class="clearfix pro-detail">
                                <a class="pro-like pro-like-in" href=""><em></em></a>
                                <a class="pro-title" href="">蓝宝石胸花</a>
                                <span class="pro-price"><em class="rmb">￥</em>38888</span>
                            </div>
                        </li>
						
                        <li class="pro-item">
                            <a class="pro-img" href=""><img src="images/img.jpg"></a>
                            <div class="clearfix pro-detail">
                                <a class="pro-like pro-like-in" href=""><em></em></a>
                                <a class="pro-title" href="">蓝宝石胸花</a>
                                <span class="pro-price"><em class="rmb">￥</em>38888</span>
                            </div>
                        </li>
                        <li class="pro-item">
                            <a class="pro-img" href=""><img src="images/img.jpg"></a>
                            <div class="clearfix pro-detail">
                                <a class="pro-like" href=""><em></em></a>
                                <a class="pro-title" href="">蓝宝石胸花</a>
                                <span class="pro-price"><em class="rmb">￥</em>38888</span>
                            </div>
                        </li>
                        <li class="pro-item">
                            <a class="pro-img" href=""><img src="images/img.jpg"></a>
                            <div class="clearfix pro-detail">
                                <a class="pro-like" href=""><em></em></a>
                                <a class="pro-title" href="">蓝宝石胸花</a>
                                <span class="pro-price"><em class="rmb">￥</em>38888</span>
                            </div>
                        </li>
						-->
						
						
                    </ul>
                </div>
            </section>
        </div>
    </body>
</html>
<script src="js/jquery.js"></script>
<script src="js/jq.swipe.js"></script>
<script src="js/nav.js"></script>